/*-------------------------------------------------------------------------------------*/
/*		0.		Table of Contents
/*-------------------------------------------------------------------------------------*/
/*
		1.	General + Content Styling
		2.	Header
		3.	Home
		4.	Portfolio Index
		5.	Portfolio Single
		6.	Widgets
		7.	Blog
		8.	Comments
		9.	Footer
		10.	Contact Form
		11. Shortcodes
*/

/*-------------------------------------------------------------------------------------*/
/*		1.		General + Typgraphy
/*-------------------------------------------------------------------------------------*/

html, body { 
	width:100%;
	height:100%;
	background-color: #202020;
	color: #888;
}

#page{
	border-top:7px solid;
	border-color:#fa4c68;
}

#content,
#page-content{
	border-color:#292929;
}

#content{
	border-color:#292929;
}

#page-content{
	border-color:#292929;
}

/* Typography */
h1,h2,h3,h4,h5,h6, a:focus, a:hover {
	color:#ddd;
}

blockquote {
	background:url('images/dark/quote.png') no-repeat;
	color:#999;
}

abbr, acronym{
	border-color: #666;
}
del {
	color:#666;
}
pre, code{
	background-color:#1d1d1d; 
	color:#aaa;
}
hr{
	background:#292929;
}

/* ----- Table -----*/

table {
	border-color:#2a2a2a;
	color:#999;
}
 table tr{
	background:#393939;
}
 table tr:hover{
	background:#333333;
}
table th {
	background:#2e2e2e;
}
table td {
	border-color:#2a2a2a;
}

/* Images */
.wp-caption { background: #252525; border-color: #2a2a2a; }

/*-------------------------------------------------------------------------------------*/
/*		2.		Header
/*-------------------------------------------------------------------------------------*/

#crumbs a, div.menu ul a{
	color:#888;
}
p.main-description{
	color:#999;
}

div.menu ul li.sfHover ul a { 
	color: #999!important; 
}

#crumbs span.current, h2.page-title{
	color:#fff;
}

/* Navigation */
#access{
	border-color: #444;
}
span.header-desc{
	color:#999;
}

div.menu ul ul {
	border:none;
}

/*Drop Down Skin */
div.menu ul ul {
	background: #292929;
}

div.menu ul ul li:hover {
	background: #232323;
}

/* Selectbox for max-width of 768px */
#responsiveaccess select{
   border-color: #292929;
   color:#444;
   background-color:#252525;
}

/*-------------------------------------------------------------------------------------*/
/*		3.		Home
/*-------------------------------------------------------------------------------------*/


li.home_portfolio_item h2.entry-title, li.home_portfolio_item_last h2.entry-title{
	color:#fff;
}

#slider{
	border-color:#292929;
}

h2.home-sidebar-title{
	border-color: #292929;
	color:#fff;
}

h3.home-article-title, 
span.home-article-date,
a.home-arr{
	color:#ddd;
	font-weight:normal;
}
a.home-arr{
	color:#666;
}
a.home-arr:hover,
p.main-description a{
	color:#f6f6f6;
}
p.main-description a:hover{
	color:#eee;
}


/*-------------------------------------------------------------------------------------*/
/*		4.		Portfolio Index
/*-------------------------------------------------------------------------------------*/

#pindex-nav{
	border-color:#292929;
}

#filter-nav a{
	color:#999;
}

#filter-nav a:after{
	color:#555;
}

/*-------------------------------------------------------------------------------------*/
/*		5.		Portfolio Single
/*-------------------------------------------------------------------------------------*/

#portfolio-content{
	border-color: #303030;
}

#secondary.portfolio-single-sidebar{
	background-color:#1c1c1c;
}

#psingle-nav{
	background-color:#2d2d2d;
	border-color:#444;
}

#psingle-nav a{
	color:#bbb;
}

#psingle-nav a.all:hover, 
#psingle-nav a.nextp:hover,
#psingle-nav a.prevp:hover{
	color:#ccc;
}

h2.psingle-sidebar{
	color:#fff;
}

/*-------------------------------------------------------------------------------------*/
/*		6.		Widgets
/*-------------------------------------------------------------------------------------*/

#secondary.widget-area{
	background-color:#1c1c1c;
}

aside.widget a{
	color:#666;
}

h3.widget-title {
	color:#999;
	font-size: 12px; 
	font-weight:bold;
}

/* Twitter */

.tweet, .query {
	color:#777;
}

/* Flickr */

.flickr_widget .flickr_badge_image {
	border-color: #323232; /* outer border */
}

.flickr_widget .flickr_badge_image img {
	border-color: #323232; /* bold border */
	background-color: #323232;
}
.flickr_widget .flickr_badge_image img:hover {
	border-color: #666; /* bold border */
	background-color: #666;
}

/*--- Subnav Widget ----*/

aside.SubNav_Widget ul.widget-subnav li a:hover, aside.SubNav_Widget ul.widget-subnav li.current_page_item a{
	color:#ccc;
}

aside.SubNav_Widget ul.widget-subnav li{
	border-color:#292929;
}

/* Search Form */

form#searchform  input[type=text],
#searchform input#searchsubmit{
	background-color:#222;
	border-color: #202020;
	color:#999;
}

form#searchform  input[type=text]{
	background-color:#1c1c1c;
	background-image:url('images/dark/search-bg-left.gif') , url('images/dark/search-bg.gif');
	background-position: left, left;
	background-repeat: no-repeat, repeat-x;
}
input#searchsubmit{
	color:#888;
	background:url('images/dark/search-btn.gif');
}

::-webkit-input-placeholder {
   color: #555;
}

:-moz-placeholder {
   color: #555;
}

/*-------------------------------------------------------------------------------------*/
/*		7.		Blog
/*-------------------------------------------------------------------------------------*/
span.blog-img-hover{
	background:url('images/portfolio-hover-bg.png');
	opacity:0.9;
}

div.responsive-meta{
	color:#666;
}

#blog-accordion,
#blogreg-index,
.btm-border,
.blog-title-box, 
.btm-accordion-line,
.border-bottom
{
	border-color:#292929;
}

.bloglevel1hover{
	color:#f6f6f6;
}

.blog-article-date,
.blog-article-meta, 
span.author a{
	color:#666;
}

.blog-article-title{
	color:#aaa;
}
.blog-article-title-reg{
	color:#aaa;
}
.hover{
	color:#f6f6f6;
}
.clic{
	color:#f6f6f6 !important;
}

/*-------------------------------------------------------------------------------------*/
/*		8.		Comments
/*-------------------------------------------------------------------------------------*/

a.comments-date, a.comment-reply-link{
	color:#555;
}
div.comment-author span.fn a{
	color:#999;
}

#respond label{
	color:#999;
}

.comments-right{
	border-color:#333;
}

input#author, 
input#email, 
input#url,
textarea#comment{
	background:#303030;
	color:#999;
}

input#submit:hover{
	background: #444;
	
}

input#submit{
	color:#fff;
}

span.required{
	color:#e94424;
}
/*-------------------------------------------------------------------------------------*/
/*		8.		Footer
/*-------------------------------------------------------------------------------------*/

#footer{
	border-color:#292929;
	color:#666;
}
#footer a{
	color:#999;
	text-decoration:none;
}
#upper-footer{
	border-color:#292929;
}

div.social-link{
	border-color:#444;
}

/*-------------------------------------------------------------------------------------*/
/*		10.		Contact Form
/*-------------------------------------------------------------------------------------*/

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], form#contact textarea {
	background:#303030;
	color:#999;
}

/*-------------------------------------------------------------------------------------*/
/*		11.		Shortcodes
/*-------------------------------------------------------------------------------------*/

/* Buttons */
a.sbutton:hover{
	background:#202020;

}

/* Alert Boxes */
.sbox{
	border-color:#333;
}

/* Dropcap */
.dropcap {
	color:#fff;
	background:url('images/dark/dropcap.png') no-repeat;
}

/* Back-to-top and divider */
.back-to-top{
	border-color: #353535;
}	
.back-to-top a{
	color:#444;
}

/* Aside */
span.aside{
	border-color: #666;
	color:#999;
}

/* Tabs */
ul.tabs {
	border-color: #333; }

ul.tabs li a {
	border-color: #333;
	background: #222;
	color:#666;}
ul.tabs li a.active {
	background: #252525;
	color: #666;}
